<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>genius</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="header">
    <div class="container">
        <div class="row">
            <div class="col-md-6 yy">
                <img src="images/header-logo_02.gif" alt="">
            </div>
            <div class="col-md-6 zz">
                <a href="" class="col-md-1" style="text-decoration: none;"><span>HOME</span></a>
                <a href="" class="col-md-1" style="text-decoration: none;"><span>ABOUTUS</span></a>
                <a href="" class="col-md-1" style="text-decoration: none;"><span>SERVICES</span></a>
                <a href="" class="col-md-1" style="text-decoration: none;"><span>COURSES</span></a>
                <a href="" class="col-md-1" style="text-decoration: none;"><span>PRICING</span></a>
                <a href="" class="col-md-1" style="text-decoration: none;"><span>CONTACT</span></a>
            </div>
        </div>
    </div>
</div>










<div class="banner">
    <img src="images/datu_04.gif" alt="">
</div>
<div class="main">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h5 style="padding-top: 70px">Our Courses</h5>
                <p style="font-size: 15px;padding-bottom: 78px">Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus.<br>
                    perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <img src="images/yuanquan_07.gif" alt="" style="float: left;padding-right: 31px;">
                <span style="font-family: 微软雅黑;font-size: 18px;font-weight: bold">Mobile Dev</span>
                <p style="display: table;font-size: 14px;font-family: 微软雅黑">backed by some of the biggest names
                    in the industry.Firefox OS is an open
                    platfrom that fosters greater
                </p>
            </div>
            <div class="col-md-4">
                <img src="images/yuanquan_07.gif" alt="" style="float: left;padding-right: 31px;">
                <span style="font-family: 微软雅黑;font-size: 18px;font-weight: bold">Communication</span>
                <p style="display: table;font-size: 14px;font-family: 微软雅黑">backed by some of the biggest names
                    in the industry.Firefox OS is an open
                    platfrom that fosters greater
                </p>
            </div>
            <div class="col-md-4">
                <img src="images/yuanquan_07.gif" alt="" style="float: left;padding-right: 31px;">
                <span style="font-family: 微软雅黑;font-size: 18px;font-weight: bold">Computers</span>
                <p style="display: table;font-size: 14px;font-family: 微软雅黑">backed by some of the biggest names
                    in the industry.Firefox OS is an open
                    platfrom that fosters greater
                </p>
            </div>
            <div class="col-md-4" style="padding-top: 70px;padding-bottom: 64px">
                <img src="images/yuanquan_07.gif" alt="" style="float: left;padding-right: 31px;">
                <span style="font-family: 微软雅黑;font-size: 18px;font-weight: bold">Finance</span>
                <p style="display: table;font-size: 14px;font-family: 微软雅黑">backed by some of the biggest names
                    in the industry.Firefox OS is an open
                    platfrom that fosters greater
                </p>
            </div>
            <div class="col-md-4" style="padding-top: 70px;padding-bottom: 64px">
                <img src="images/yuanquan_07.gif" alt="" style="float: left;padding-right: 31px;">
                <span style="font-family: 微软雅黑;font-size: 18px;font-weight: bold">Maths</span>
                <p style="display: table;font-size: 14px;font-family: 微软雅黑">backed by some of the biggest names
                    in the industry.Firefox OS is an open
                    platfrom that fosters greater
                </p>
            </div>
            <div class="col-md-4" style="padding-top: 70px;padding-bottom: 64px">
                <img src="images/yuanquan_07.gif" alt="" style="float: left;padding-right: 31px;">
                <span style="font-family: 微软雅黑;font-size: 18px;font-weight: bold">Development</span>
                <p style="display: table;font-size: 14px;font-family: 微软雅黑">backed by some of the biggest names
                    in the industry.Firefox OS is an open
                    platfrom that fosters greater
                </p>
            </div>
        </div>
    </div>
</div>
<div class="main-1">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h5 style="color: #ffffff;padding-top: 66px">Our Students</h5>
                <p style="font-size: 15px;color: #ffffff">Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus.<br>
                    perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
        </div>
        <div class="row" style="padding-top: 38px">
            <div class="col-md-6">
                <img src="images/ren_03.gif" alt="" style="width: 100%">
            </div>
            <div class="col-md-6">
                <p style="font-size: 14px;color: #ffffff">Lorem ipsum dolor sit amet.cadipisicing sit amet.consectetur adipisicing elit. Atque
                    sed.quidem quis praesentium. ut unde fuga error commodi architecto,oribus<br>
                    omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum<br>
                    odit corrupti consequuntur possimus.vero mollitia velit ad consectetur.Alias.<br>
                    laborum excepturi nihil autem nemo numquam.ipsa acrchitecto non.magni<br>
                    consequuntlaudantium culpa tenetur at id.beatae pet.
                </p>
                <p style="font-size: 15px;color: #ffffff">Lorem ipsum dolor sit amet.consectetur adipisicing elit.adipisicing sit amet.<br>
                    consectetur adipisicing elit.Atque sed,quidem quis praesentium.m deserunt.
                </p>
                <p style="font-size: 15px;color: #ffffff">
                    1 Lorem ipsum enimdolor sit amet<br>
                    2 Expiicabo deleniti neque aliquid<br>
                    3 Consectetur adipisicing elit<br>
                    4 Lorem ipsum dolor sit amet<br>
                    5 Quo issimos molest quibusdam temporibus
                </p>
            </div>
        </div>
    </div>
</div>
<div class="main-2">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h5 style="padding-top: 60px">Our Events</h5>
                <p style="font-size: 15px">Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus.<br>
                    perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <img src="images/yi_03.gif" alt="" style="width: 100%">
                <span style="color: #3196e8;padding-top: 20px;display: block">Feb</span>
                <p>LOREM IPSUM DOLOR SIT AMET.CONSECTETUR ADIPIS</p>
            </div>
            <div class="col-md-4">
                <img src="images/er_05.gif" alt="" style="width: 100%">
                <span style="color: #3196e8;padding-top: 20px;display: block">March</span>
                <p>APSUM DOLOR SIT AMET.CONSECTETUR ADIPISDSLIF.</p>
            </div>
            <div class="col-md-4">
                <img src="images/san_07.gif" alt="" style="width: 100%">
                <span style="color: #3196e8;padding-top: 20px;display: block">Apriil</span>
                <p>DOLOR SIT AMET.CONSECTETUR ADIPISIC INDFEFT</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <h5 style="padding-top: 113px">Campus Placement</h5>
                <p style="font-size: 14px;padding-bottom: 59px">Lorem ipsum dolor sit amet.consectetur adipisicing elit.Dolores quae porro consequatur aliquam.incidunt eius magni provident.doloribus omnis minus ovident.doloribus<br> omnis minus temporibus perferendis nesclunt..</p>
            </div>
            <div class="col-md-2">
                <img src="images/z-1_03.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/z-2_05.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/z-3_07.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/z-4_09.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/z-5_11.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/z-6_13.gif" alt="">
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <span>Our Contact</span>
                <p style="font-size: 14px">Target company inc
                    JC Main Road.Near Silnile tower
                    Pin-21542 NewYor US.</p>
                <p style="font-size: 14px">(123)456-789-1255-12584
                    email@domainname.com </p>
            </div>
            <div class="col-md-3">
                <span>Quick Links</span>
                <p style="font-size: 14px">
                    Latest Events<br>
                    Trems and conditions<br>
                    Privacy policy<br>
                    Career<br>
                    Contact us
                </p>
            </div>
            <div class="col-md-3">
                <span>Latest posts</span>
                <p style="font-size: 14px">
                    Lorem ipsum dolor sit amet.<br>
                    consectetur adipiscing elit.<br>
                    Peilentesque et puivinar enim.Quisque<br>
                    at tempor ligula<br>
                    Natus error sit voluptatem accusantium<br>
                    doloremque

                </p>
            </div>
            <div class="col-md-3">
                <span>Recent News</span>
                <p style="font-size: 14px">
                    Lorem ipsum dolor sit amet.<br>
                    consectetur adipiscing elit.<br>
                    Peilentesque et puivinar enim.Quisque<br>
                    at tempor ligula<br>
                    Natus error sit voluptatem accusantium<br>
                    doloremque
                </p>
            </div>
        </div>
    </div>
</div>
<div class="yz">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <span style="color: #ffffff;font-size: 14px">Copyright©.Company name All right reserved.</span>
            </div>
            <div class="col-md-6 text-right">
                <a href=""><img src="images/f-1_03.gif" alt=""></a>
                <a href=""><img src="images/f-3_05.gif" alt="" style="padding-left: 14px"></a>
                <a href=""><img src="images/f-2_07.gif" alt="" style="padding-left: 14px"></a>
                <a href=""><img src="images/f-4_09.gif" alt="" style="padding-left: 14px"></a>
                <a href=""><img src="images/f-5_11.gif" alt="" style="padding-left: 14px"></a>
            </div>
        </div>
    </div>
</div>










<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>